:deep(.el-table) { 
    transition: all 0.3s ease-in-out;
    background-color: transparent !important;
    position: relative;
    
    // 添加全局发光边框
    &::before {
        content: '';
        position: absolute;
        inset: -1px;
        background: linear-gradient(45deg, rgba(0, 170, 255, 0.15), rgba(0, 96, 213, 0.15), rgba(0, 170, 255, 0.15));
        border-radius: 4px;
        z-index: -1;
        animation: border-pulse 4s infinite alternate;
    }
    
    thead tr>th { //表头
        background: linear-gradient(180deg, #0c2b50 0%, #01294f 100%) !important;
        color: #00AAFF !important;
        height: 52px;
        font-weight: 600;
        letter-spacing: 0.5px;
        border-bottom: 1px solid #1c5488 !important;
        position: relative;
        overflow: hidden;
        
        // 添加表头顶部扫描线效果
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, 
                rgba(0, 170, 255, 0), 
                rgba(0, 170, 255, 0.8), 
                rgba(0, 170, 255, 0));
            animation: scan-line 3s infinite linear;
        }
        
        // 表头背景网格
        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(rgba(0, 170, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 170, 255, 0.03) 1px, transparent 1px);
            background-size: 15px 15px;
            pointer-events: none;
            opacity: 0.4;
        }
        
        // 表头文字发光效果
        .cell {
            text-shadow: 0 0 8px rgba(0, 170, 255, 0.5);
            font-weight: 600;
            transition: all 0.3s;
            
            &:hover {
                text-shadow: 0 0 12px rgba(0, 170, 255, 0.8);
            }
        }
    }
    
    //去除右边框
    .el-table--border::after {
        width: 0px !important;
    }
    
    tbody>tr { //表格行
        font-weight: 500;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.9);
        background: rgba(0, 108, 183, 0.11);
        transition: all 0.3s;
        
       
    }
    
    .el-table__cell,
    .el-table__cell.is-leaf {
        border-bottom: 1px solid rgba(55, 97, 168, 0.25) !important;
        transition: all 0.3s;
        position: relative;
        
        // 单元格内容高亮
        .cell {
            position: relative;
            z-index: 1;
        }
    }
    
    .el-table__inner-wrapper::before {
        height: 0;
    }
   
    tr:hover > td {
        background-color: rgba(2, 20, 52, 0.8) !important;
        box-shadow: inset 0 0 15px rgba(0, 170, 255, 0.1);
    }
    
    .odd_Rows { 
        background-color: rgba(28, 41, 69, 0.3) !important;
        position: relative;
        
        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image: linear-gradient(90deg, rgba(0, 170, 255, 0.02) 1px, transparent 1px);
            background-size: 30px 30px;
            pointer-events: none;
        }
    }    
    
    .even_Rows {
        background-color: rgba(28, 41, 69, 0.4) !important;
        position: relative;
        
        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(0, 170, 255, 0.02) 1px, transparent 1px);
            background-size: 30px 30px;
            pointer-events: none;
        }
    }
    
    .el-table__expanded-cell {
        background: linear-gradient(180deg, rgba(2, 20, 52, 0.8) 0%, rgba(2, 20, 52, 0.9) 100%) !important;
        box-shadow: inset 0 0 20px rgba(0, 170, 255, 0.05);
        padding: 25px 50px !important;
        position: relative;
        
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 95%;
            height: 1px;
            background: linear-gradient(90deg, 
                rgba(0, 170, 255, 0), 
                rgba(0, 170, 255, 0.5), 
                rgba(0, 170, 255, 0));
        }
    }
    .el-scrollbar__bar.is-horizontal {
        height: 10px;
        bottom: 0;
        opacity: 0.6;
        
        .el-scrollbar__thumb {
            background: linear-gradient(90deg, rgba(0, 170, 255, 0.3), rgba(0, 120, 215, 0.5));
            border-radius: 5px;
            
            &:hover {
                background: linear-gradient(90deg, rgba(0, 170, 255, 0.5), rgba(0, 120, 215, 0.7));
            }
        }
    }
    
    // 隐藏原生滚动条
    .el-table__body-wrapper::-webkit-scrollbar {
        height: 8px;
    }
    
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
        background: linear-gradient(90deg, rgba(0, 170, 255, 0.3), rgba(0, 120, 215, 0.5));
        border-radius: 4px;
        
        &:hover {
            background: linear-gradient(90deg, rgba(0, 170, 255, 0.5), rgba(0, 120, 215, 0.7));
        }
    }

    .el-table__row {
        background-color: rgba(28, 41, 69, 0.4) !important;
        position: relative;
        
        // 数据行科技风纹理
        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image: 
                radial-gradient(circle at 20% 50%, rgba(0, 170, 255, 0.03) 0%, transparent 25%),
                radial-gradient(circle at 80% 50%, rgba(0, 100, 255, 0.03) 0%, transparent 25%);
            pointer-events: none;
        }
        
        &:hover > td {
          background-color: rgba(24, 95, 170, 0.2) !important;
          transform: translateZ(0);
          
          .cell {
            color: rgba(255, 255, 255, 1);
            text-shadow: 0 0 5px rgba(0, 170, 255, 0.5);
          }
        }
        
        &:nth-child(odd) {
          background-color: rgba(28, 41, 69, 0.25) !important;
        }
      }
      
      td, th {
        border-color: rgba(31, 106, 178, 0.2) !important;
        transition: all 0.3s;
        
        .cell {
          position: relative;
          z-index: 1;
        }
      }
   
}

// 表格序号列样式
.number-column {
  .cell {
    color: rgba(0, 170, 255, 0.7);
    font-weight: 600;
    position: relative;
    
    &::before {
      content: '#';
      opacity: 0.5;
      font-size: 80%;
      padding-right: 2px;
    }
  }
}

// 表格边框发光动画
@keyframes border-pulse {
  0% {
    opacity: 0.3;
    box-shadow: 0 0 5px rgba(0, 170, 255, 0.2);
  }
  100% {
    opacity: 0.6;
    box-shadow: 0 0 15px rgba(0, 170, 255, 0.3);
  }
}

// 表头扫描线动画
@keyframes scan-line {
  0%, 100% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 1;
  }
}

// 行高亮动画
@keyframes highlight-pulse {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

// 表格内容区域渐变背景
.el-table__body-wrapper {
  position: relative;
  overflow: hidden;
  
  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    height: 100%;
    background: radial-gradient(
      ellipse at center,
      rgba(0, 170, 255, 0.03) 0%,
      transparent 70%
    );
    pointer-events: none;
  }
}

// 虚拟数字装饰元素
.table-digital-decoration {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: monospace;
  font-size: 12px;
  color: rgba(0, 170, 255, 0.4);
  pointer-events: none;
  user-select: none;
  text-shadow: 0 0 5px rgba(0, 170, 255, 0.3);
  animation: number-pulse 2s infinite alternate;
}

@keyframes number-pulse {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}

// 操作列样式增强
.operation-buttons, 
.button-group {
  .el-button {
    background: rgba(0, 90, 160, 0.2);
    border: 1px solid rgba(0, 170, 255, 0.3);
    color: rgba(0, 170, 255, 0.9);
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    
    &::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -2px;
      right: -2px;
      bottom: -2px;
      background: linear-gradient(45deg, 
        rgba(0, 170, 255, 0.3) 0%, 
        rgba(0, 170, 255, 0) 50%, 
        rgba(0, 170, 255, 0.3) 100%);
      border-radius: 4px;
      z-index: -1;
      animation: border-rotate 3s linear infinite;
    }
    
    &:hover {
      background: rgba(0, 110, 190, 0.3);
      border-color: rgba(0, 170, 255, 0.5);
      color: rgba(0, 170, 255, 1);
      transform: translateY(-1px);
      box-shadow: 0 2px 8px rgba(0, 150, 255, 0.3);
      
      &::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, 
          rgba(255, 255, 255, 0) 0%, 
          rgba(255, 255, 255, 0.2) 50%, 
          rgba(255, 255, 255, 0) 100%);
        animation: button-scan 0.5s forwards;
      }
    }
  }
}

// 按钮边框旋转动画
@keyframes border-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

// 按钮扫描动画
@keyframes button-scan {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
  